@import 'antd/dist/antd.css';

#root {
  height: 100%;
  overflow: hidden;
  #main{
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .demo-content.extra {
    overflow-y: auto;
    overflow-x: hidden !important;
  }

  .loading {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
  }

  .ant-image-img {
    height: 100% !important;
    object-fit: cover !important;
  }

  iframe {
    outline: none;
    border: none;
    box-sizing: border-box;
  }
}

.ant-layout {
  height: 100%;

  .ant-layout-header {
    .trigger {
      font-size: 20px;
    }
  }
}

#components-layout-demo-custom-trigger {
  .trigger {
    padding: 0 24px;
    font-size: 30px;
    line-height: 64px;
    cursor: pointer;
    transition: color 0.3s;
  }

  .trigger:hover {
    color: #1890ff;
  }
}


.logo {
  height: 35px;
  line-height: 35px;
  margin: 16px;
  text-align: center;
  overflow: hidden;
  color: white;
  font-weight: bolder;

  img {
    width: 32px;
    float: left;
    margin-left: 8px;
  }

  .title {
    position: relative;
    width: 130px;
    line-height: 34px;
    float: left;
    margin-left: 2px;
    top: -1.7px;
    font-size: 17px;
  }
}

.site-layout .site-layout-background {
  background: #fff;
  position: relative;

  &.multipart {
    display: flex;
    align-items: center;

    img {
      border-radius: 50%;
      margin-right: 10px;
    }
  }
}

.ant-avatar-string, .ant-card-meta-detail, .ant-menu-title-content {
  user-select: none;
}

.swiperTable .ant-table-body, .userTable .ant-table-body {
  overflow-y: auto !important;
}

.ant-table-body {
  overflow-x: auto !important;
}

.EditModel .addShop {
  width: auto;
  //height: 550px !important;
}

.ant-table-filter-dropdown .ant-dropdown-menu {
  width: 130px;
}

.ant-list-item-extra {
  display: flex;
  justify-content: space-evenly;
  align-items: center;

  > .ant-image {
    margin-left: 10px;
  }
}

.ant-space-item {
  cursor: pointer;
}

code {
  background: #F5F5F5 !important;
}

.custom-html-style pre {
  display: block;
  padding: 5px !important;
  background: #F5F5F5 !important;
  line-height: 28px;
  word-break: break-word;
}


.button-wrap {
  .button-type-table, .button-type-code-block, .button-type-underline, .button-type-fullscreen {
    display: none !important;
  }
}

.rmel-icon-underline {
  display: none !important;
}

.notFound {
  position: fixed;
  top: 50%;
  left: 50%;
  color: white;
  font-size: 80px;
  font-weight: bolder;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail img{
  object-fit: cover !important;
}
